import guide_head_pcPNG from "@/assets/guide_head_pc.png";
import guide_1_pcPNG from "@/assets/guide_1_pc.png";
import guide_2_pcPNG from "@/assets/guide_2_pc.png";

import styles from "./index.module.less";

const Guide = () => {
  return (
    <div className={styles["guide"]}>
      <img
        style={{ width: "100%", display: "block" }}
        src="https://gips3.baidu.com/it/u=1986735899,2603523615&fm=3074&app=3074&f=PNG?w=2048&h=2048"
        alt=""
      />
      <img style={{ width: "100%", display: "block", minWidth: 950 }} src={guide_head_pcPNG} alt="" />
      <div
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          flexDirection: "column",
          minWidth: 950,
        }}
      >
        <img style={{ width: "60%", display: "block" }} src={guide_1_pcPNG} alt="" />
        <img style={{ width: "60%", display: "block" }} src={guide_2_pcPNG} alt="" />
      </div>
    </div>
  );
};

export default Guide;
